import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.tsx'
import { ConfigProvider } from 'antd'
import zhCN from 'antd/es/locale/zh_CN'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'
import type { ThemeConfig } from 'antd'
dayjs.locale('zh-cn')

// 自定义主题配置
const theme: ThemeConfig = {
  token: {
    // 主色调 - 设置为#2BA07F
    colorPrimary: '#2BA07F',
    // 主色调的悬停状态
    colorPrimaryHover: '#36C196',
    // 主色调的激活状态
    colorPrimaryActive: '#258D70',
    // 主色调的禁用状态
    // colorPrimaryDisabled: '#93DBC4',
    // 主色调的文本颜色
    colorPrimaryText: '#2BA07F',
    // 主色调的文本悬停颜色
    colorPrimaryTextHover: '#36C196',
    // 主色调的文本激活颜色
    colorPrimaryTextActive: '#258D70',
    // 成功色也使用相近的绿色系，保持一致性
    colorSuccess: '#36C196',
  },
}

createRoot(document.getElementById('root')!).render(
    <ConfigProvider locale={zhCN} theme={theme}>
      <App />
    </ConfigProvider>
)
